<template>
  <div class="faq">
    <div class="banner_why">
      <h1>外汇词汇</h1>
    </div>
    <div class="faq_content">
      <div class="faq_contian">
        <h2>外汇词汇</h2>
        <el-row class="tac">
          <el-col :span="24">
            <el-menu
              default-active="0"
              class="el-menu-vertical-demo"
              @open="handleOpen"
              @close="handleClose"
              background-color="#fff"
              text-color="#333333"
              active-text-color="#fff"
              :unique-opened="true"
            >
              <div class="faq_list">
                <el-submenu index="1">
                  <template slot="title"><span><nobr>升 值</nobr></span></template>
                  <div class="faq_text">当某种货币价格上升时，即称该货币升值。</div>
                </el-submenu>
                <el-submenu index="2">
                  <template slot="title"><span><nobr>牛市</nobr></span></template>
                  <div class="faq_text">以价格不断上升为特征的市场。</div>
                </el-submenu>
                <el-submenu index="3">
                  <template slot="title"><span><nobr>熊市</nobr></span></template>
                  <div class="faq_text">以价格不断下跌为特征的市场。</div>
                </el-submenu>
                <el-submenu index="4">
                  <template slot="title"><span><nobr>买卖点差</nobr></span></template>
                  <div class="faq_text">买卖之间的点差。</div>
                </el-submenu>
                <el-submenu index="5">
                  <template slot="title"><span><nobr>央行</nobr></span></template>
                  <div class="faq_text">管理一国货币政策的政府或者准政府机构。如美国的中央银行就是美联储。</div>
                </el-submenu>
                <el-submenu index="6">
                  <template slot="title"><span><nobr>交叉盘汇率</nobr></span></template>
                  <div class="faq_text">货币对中不包括美元的两个货币之间的比率，如欧元/日元。</div>
                </el-submenu>
                <el-submenu index="7">
                  <template slot="title"><span><nobr>流通货币</nobr></span></template>
                  <div class="faq_text">由一国政府或中央银行发行的钞票，作为法定货币。</div>
                </el-submenu>
                <el-submenu index="8">
                  <template slot="title"><span><nobr>汇率风险</nobr></span></template>
                  <div class="faq_text">由于汇率的反向变化而导致蒙受损失的风险。</div>
                </el-submenu>
                <el-submenu index="9">
                  <template slot="title"><span><nobr>外汇/汇市</nobr></span></template>
                  <div class="faq_text">货币之间买卖的市场。</div>
                </el-submenu>
                <el-submenu index="10">
                  <template slot="title"><span><nobr>基本面分析</nobr></span></template>
                  <div class="faq_text">通过对经济和政治消息的分析来判断金融市场动向。</div>
                </el-submenu>
                <el-submenu index="11">
                  <template slot="title"><span><nobr>限价单</nobr></span></template>
                  <div class="faq_text">以指定价格或低于指定价格买入，或者以指定价格或高于指定价格卖出的订单。</div>
                </el-submenu>
                <el-submenu index="12">
                  <template slot="title"><span><nobr>流动性</nobr></span></template>
                  <div class="faq_text">市场接纳大规模的交易时，对价格的稳定性只产生极小的影响，或没有影响的能力。</div>
                </el-submenu>
                <el-submenu index="13">
                  <template slot="title"><span><nobr>保证金</nobr></span></template>
                  <div class="faq_text">为建立头寸所必需存入的抵押资产。</div>
                </el-submenu>
                <el-submenu index="14">
                  <template slot="title"><span><nobr>止损</nobr></span></template>
                  <div class="faq_text">为让损失最小化，当达到特定价格时了结头寸的订单。</div>
                </el-submenu>
                <el-submenu index="15">
                  <template slot="title"><span><nobr>技术分析</nobr></span></template>
                  <div class="faq_text">通过图形、价格趋势、成交量等分析市场资料，并试图预测未来市场行情</div>
                </el-submenu>
                <el-submenu index="16">
                  <template slot="title"><span><nobr>买价和卖价</nobr></span></template>
                  <div class="faq_text">在forex中存在买进价格和卖出价格分别叫做ask和bid，买价指的是市场愿意为某一特定货币对支付的价格。卖价指的是市场愿意卖出的价格。
                    例例如，美元／瑞郎报价是 1.1650／1.653，其中买价为 1.1650，卖价为 1.1653。
                    外汇报价通常被缩略至更小的位数，如在电话报价中本案的报价间化为 50／53。</div>
                </el-submenu>
                <el-submenu index="17">
                  <template slot="title"><span><nobr>点</nobr></span></template>
                  <div class="faq_text">点（价格中的点数）代表货币对的最小波动单位。对于大多数货币而言，外汇报价的小数点后面保留四位，但美元／日元除外。 1 点代表其对手货币的 10,000 分之一，或 0.0001。例如，若英镑／美元的报价为 1.6319，那么上涨 1 个点后即为 1.6320。而美元／日元的报价仅保留小数点后两位（1／100 或 0.01）。</div>
                </el-submenu>
                <el-submenu index="18">
                  <template slot="title"><span><nobr>基础货币和报价货币</nobr></span></template>
                  <div class="faq_text">在 forex 里每个货币工具都有两个货币，第一个货币叫做基础货币，第一个叫做报价货币，要明白的是，在系统里所有的交易都是以基础货币进行的，所以盈利／亏损和点值来自报价货币。为了把这些值引入到公司的货币余额上来，而根据当前市场汇率进行自动折算，对此不收取任何费用。</div>
                </el-submenu>
                <el-submenu index="19">
                  <template slot="title"><span><nobr>余额</nobr></span></template>
                  <div class="faq_text">所有的已完成的从贸易账户提取或存入货币资金的交易和业务的总的财务结果。</div>
                </el-submenu>
                <el-submenu index="20">
                  <template slot="title"><span><nobr>货币对</nobr></span></template>
                  <div class="faq_text">在外汇市场，一种货币的报价总是相对于其他货币。基础货币是被视为参数的货币。例如，在欧元／美元报价中，欧元是基础货币，报价代表需花费多少美元才能买入1欧元。同样，对于美元／日元而言，美元是基础货币，汇价代表需花费多少日元才能买入 1 美元。</div>
                </el-submenu>
                <el-submenu index="21">
                  <template slot="title"><span><nobr>净值</nobr></span></template>
                  <div class="faq_text">带有未结头寸账户的当前状态，根据公式被定义为：余额＋浮动的盈／亏。</div>
                </el-submenu>
                <el-submenu index="22">
                  <template slot="title"><span><nobr>浮动的盈／亏</nobr></span></template>
                  <div class="faq_text">在当前货币汇率的价值下，由于未结头寸而没有被固定的盈／亏。</div>
                </el-submenu>
                <el-submenu index="23">
                  <template slot="title"><span><nobr>多头头寸</nobr></span></template>
                  <div class="faq_text">买进工具，希望它能上涨，适用于货币对：按照牌价买进基出货币。</div>
                </el-submenu>
                <el-submenu index="24">
                  <template slot="title"><span><nobr>空头头寸</nobr></span></template>
                  <div class="faq_text">卖出工具，希望能下跌，应用于货币对：按照牌价卖出基础货币。</div>
                </el-submenu>
              </div>
            </el-menu>
          </el-col>
        </el-row>
      </div>
      <div style="height: 0.5rem"></div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  const ERR_OK = 200;
  export default {
    data(){
      return {
        goods: {}
      }
    },
    methods: {
      handleOpen(key, keyPath) {
//        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
//        console.log(key, keyPath);
      }
    },
    created() {
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus">
  .faq
    .banner_why
      width: 100%
      height: 200px
      background: url("../../../static/images/banner.jpg") no-repeat
      background-size: 100% 100%
      padding-top:116.5px
      padding-left:40px
      box-sizing: border-box
      h1
        font-size: 20px
        color: #fff
    .faq_content
      background: #f5f5f5
      .faq_contian
        h2
          padding:0 18px;
          box-sizing: border-box
          font-size: 18px
          font-weight: bold
          color: #ff9c00
          line-height: 57px
        .el-menu
          border-right:solid 0 #fff
          background: #f5f5f5 !important
        .faq_list:last-child
          margin-bottom: 0 !important
        .faq_list
          .el-submenu
            margin-bottom: 7px !important
            .el-submenu__title
              background: #fff !important
              border-bottom: 1px solid #ddd
              font-size: 16px
              overflow: hidden;
              padding:0 18px
              span
                display: inline-block;
                width: 90%;
                text-overflow: ellipsis;
                overflow: hidden;
              .el-icon-arrow-down:before
                font-size: 24px
                color: #c7c7c7
        div.faq_text
          padding: 16px 18px 18px
          box-sizing:border-box
          font-size: 14px
          color: #333
          background: #fff
        .el-submenu__title:hover
          background: #fff
</style>
